import React from 'react';

import { Col, Row, Collapse, Form, Upload, Card, Button } from 'antd';
import { UploadOutlined, PlusOutlined } from '@ant-design/icons';
import style from './index.less';

const { Panel } = Collapse;

const setting = {
  listType: 'picture-card',
};

const Materialinformation: React.FC = () => {
  return (
    <div className={style.material}>
      <Card title="身份证材料" bordered={false}>
        <Row gutter={[16, 16]}>
          <Col flex={3}>
            <Form.Item label="负责人（法人）身份证正面照" name="asdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}>
            <Form.Item label="负责人（法人）身份证反面照" name="qasdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
        </Row>
      </Card>
      <Card title="客户证件材料" bordered={false}>
        <Row gutter={[16, 16]}>
          <Col flex={3}>
            <Form.Item label="商业登记证BR" name="asdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}>
            <Form.Item label="公司注册证CR" name="qasdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}>
            <Form.Item label="公司注册登记查册" name="sqasdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
        </Row>
        <Row gutter={[16, 16]}>
          <Col flex={3}>
            <Form.Item label="收款银行对账单" name="asdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}>
            <Form.Item label="商户上线流转单-中" name="qasdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}>
            <Form.Item label="商户上线流转单-英" name="sqasdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
        </Row>
        <Row gutter={[16, 16]}>
          <Col flex={3}>
            <Form.Item label="支付服务合作协议" name="asdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}></Col>
          <Col flex={3}></Col>
        </Row>
      </Card>
      <Card title="店铺图片材料" bordered={false}>
        <Row gutter={[16, 16]}>
          <Col flex={3}>
            <Form.Item label="门头照片" name="asdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}></Col>
          <Col flex={3}></Col>
        </Row>
      </Card>
      <Card title="其他材料" bordered={false}>
        <Row gutter={[16, 16]}>
          <Col flex={3}>
            <Form.Item label="附属材料1" name="asdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}>
            <Form.Item label="附属材料2" name="qasdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}>
            <Form.Item label="附属材料3" name="sqasdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
        </Row>
        <Row gutter={[16, 16]}>
          <Col flex={3}>
            <Form.Item label="商户logo" name="asdad">
              <Upload>
                <Button icon={<UploadOutlined />}>点击上传</Button>
              </Upload>
            </Form.Item>
          </Col>
          <Col flex={3}></Col>
          <Col flex={3}></Col>
        </Row>
      </Card>
    </div>
  );
};

export default Materialinformation;
